.l-place {
   margin: 25px 0;
   font-size: 16px;
   color: #050505;
   a {
      color: #050505;
      font-size: 16px;
   }
}
.l-particular {
   display: flex;
   margin-bottom: 25px;
   justify-content: space-between;
   .l-left {
      width: 420px;
      .l-main-img {
         position: relative;
         width: 420px;
         border: 1px solid #e4e4e4;
         img {
            width: 100%;
            height: auto;
         }
         .l-main-search {
            position: absolute;
            right: 3px;
            bottom: 3px;
            width: 18px;
            height: 19px;
         }
         .l-mack {
            width: 300px;
            height: 300px;
            background-color: #FEDE4F;
            opacity: 0.5;
            position: absolute;
            cursor: move;
         }
         .l-f-mack {
            position: absolute;
            top: 0;
            left: 440px;
            width: 500px;
            height: 500px;
            border: 1px solid #e4e4e4;
            z-index: 1;
            overflow: hidden;
            .l-img {
               position: absolute;
               left: 0;
               top: 0;
               width: 800px;
               height: 800px;
            }
         }
      }
      .l-list {
         display: flex;
         margin: 20px 0 25px;
         .l-zjt {
            width: 28px;
            img {
               margin: 20px 0 0 4px;
               width: 13px;
               height: 26px;
            }
         }
         ul {
            display: flex;
            justify-content: space-between;
            width: 364px;
            li {
               width: 60px;
               border: 1px solid #e4e4e4;
               box-sizing: border-box;
               img {
                  width: 100%;
                  height: auto;
               }
            }
            .l-active {
               border: 2px solid #000;
            }
         }
         .l-yjt {
            width: 28px;
            img {
               margin: 20px 0 0 12px;
               width: 13px;
               height: 26px;
            }
         }
      }
      .l-share {
         color: #050505;
         font-size: 16px;
         img {
            width: 9px;
            height: 18px;
            margin-left: 8px;
            vertical-align: middle;
            &:nth-child(2) {
               width: 18px;
            }
            &:nth-child(3) {
               width: 18px;
            }
            &:nth-child(4) {
               width: 20px;
            }
         }
      }
   }
   .l-center {
      width: 370px;
      margin-left: 42px;
      h3 {
         color: #000;
         font-size: 30px;
         font-weight: 400;
      }
      h5 {
         color: #8d8d8d;
         font-size: 18px;
         margin: 5px 0 15px;
         font-weight: 400;
      }
      .l-wenzi {
         line-height: 30px;
         color: #585858;
         font-size: 16px;
         margin-bottom: 20px;
      }
      .l-watch-size {
         display: flex;
         line-height: 28px;
         height: 28px;
         margin-bottom: 16px;
         color: #050505;
      }
      .l-option {
         color: #4e4e4e;
      }
      .l-mm {
         position: relative;
         height: 28px;
         line-height: 26px;
         border: 2px solid #85bc24;
         font-size: 12px;
         padding: 0 5px;
         margin-left: 10px;
         box-sizing: border-box;
         img {
            position: absolute;
            right: -1px;
            bottom: -1px;
            width: 11px;
            height: 11px;
         }
      }
      .l-watch-capacity {
         color: #050505;
         display: flex;
         line-height: 28px;
         height: 28px;
         margin-bottom: 16px;
      }
      .l-color {
         height: 42px;
         display: flex;
         align-items: center;
         ul {
            display: flex;
            margin-left: 10px;
            li {
               position: relative;
               width: 40px;
               height: 40px;
               margin-right: 12px;
               box-sizing: border-box;
               border: 1px solid #e4e4e4;
               margin-top: 1px;
               img {
                  width: 100%;
                  height: 100%;
               }
               .l-pitch {
                  position: absolute;
                  right: -1px;
                  bottom: -1px;
                  width: 11px;
                  height: 11px;
               }
            }
            .l-act {
               border: 2px solid #85bc24;
               margin-top: 0;
            }
         }
      }
      .l-support {
         margin-top: 20px;
         color: #050505;
         margin-bottom: 50px;
      }
      .l-button {
         display: flex;
         div {
            width: 176px;
            height: 40px;
            text-align: center;
            line-height: 38px;
            box-sizing: border-box;
            &:nth-child(1) {
               border: 1px solid #85bc24;
               color: #93c53b;
               background-color: #efffd2;
               margin-right: 9px;
            }
            &:nth-child(2) {
               color: #fff;
               background-color: #85bc24;
            }
         }
      }
   }
   .l-right {
      p {
         margin-bottom: 15px;
         color: #111;
      }
      ul {
         li {
            position: relative;
            width: 132px;
            height: 132px;
            border: 1px solid #cecece;
            margin-bottom: 20px;
            img {
               width: 100%;
               height: 100%;
            }
            p {
               position: absolute;
               bottom: 0;
               width: 100%;
               text-align: center;
               color: rgba(255, 255, 255, .7);
               background-color: rgba(0, 0, 0, .3);
            }
         }
      }
      .l-page {
         display: flex;
         justify-content: space-around;
         div {
            width: 35px;
            height: 20px;
            img {
               width: 100%;
               height: auto;
            }
         }
      }
   }
}
.l-recommend {
   height: 276px;
   border: 1px solid #e4e4e4;
   box-sizing: border-box;
   .l-recommend-t {
      position: relative;
      top: -1px;
      color: #85bc24;
      border-top: 2px solid #85bc24;
      border-right: 1px solid #e4e4e4;
      width: 100px;
      text-align: center;
      line-height: 53px;
      span {
         width: 0;
         height: 0;
         border-width: 6px 6px 0;
         border-style: solid;
         border-color: #85bc24 transparent transparent;
         position: absolute;
         top: -1px;
         left: 50%;
         margin-left: -3px;
      }
   }
   .l-reclist {
      display: flex;
      height: 220px;
      justify-content: space-between;
      border-top: 1px solid #e4e4e4;
      ul {
         margin-top: 42px;
         margin-left: 55px;
         display: flex;
         li {
            text-align: center;
            margin-right: 50px;
            img {
               width: 105px;
               height: 105px;
               border: 1px solid #e4e4e4;
            }
            p {
               color: #050505;
               font-size: 12px;
               &:nth-of-type(1) {
                  margin: 10px 0;
               }
               span {
                  display: inline-block;
                  transform: scale(0.8);
                  background-color: #85bc24;
                  width: 30px;
                  line-height: 13px;
                  color: #fff;
               }
            }
         }
      }
      div {
         margin-right: 85px;
         margin-top: 82px;
         width: 97px;
         height: 33px;
         text-align: center;
         font-size: 16px;
         color: #fff;
         background-color: #85bc24;
         line-height: 33px;
      }
   }
}
.l-product {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
   .l-product-lt {
      width: 268px;
      border: 1px solid #e4e4e4;
      height: 100%;
      padding-bottom: 15px;
      box-sizing: border-box;
      .l-lt-title {
         line-height: 53px;
         height: 53px;
         color: #4b4b4b;
         background-color: #fafafa;
         border-bottom: 1px solid #e4e4e4;
      }
      p {
         display: flex;
         align-items: center;
         color: #050505;
         img {
            width: 5px;
            height: 5px;
            margin-left: 13px;
            margin-right: 5px;
         }
      }
      .l-classify {
         >p {
            margin-top: 15px;
         }
         >div {
            p {
               margin-top: 10px;
               img {
                  margin-left: 43px;
               }
            }
            .l-watches {
               transition: all 0.1s linear;
               color: #050505;
               dt {
                  margin-top: 10px;
                  img {
                     width: 5px;
                     height: 5px;
                     margin-left: 73px;
                  }
               }
               dd {
                  text-align: center;
                  margin-top: 20px;
                  img {
                     width: 105px;
                     height: 105px;
                     border: 1px solid #e4e4e4;
                  }
                  p {
                     justify-content: center;
                     margin-top: 5px;
                  }
               }
            }
         }
      }
   }
   .l-product-rt {
      width: 791px;
      .l-particulars {
         height: 268px;
         border: 1px solid #e4e4e4;
         margin-bottom: 50px;
         .l-title {
            position: relative;
            top: -1px;
            border-top: 2px solid #85bc24;
            border-right: 1px solid #e4e4e4;
            width: 99px;
            height: 53px;
            line-height: 53px;
            text-align: center;
            color: #85bc24;
            span {
               width: 0;
               height: 0;
               border-width: 6px 6px 0;
               border-style: solid;
               border-color: #85bc24 transparent transparent;
               position: absolute;
               top: -1px;
               left: 50%;
               margin-left: -3px;
            }
         }
         .l-particulars-parameter {
            border-top: 1px solid #e4e4e4;
            padding-left: 20px;
            >p {
               color: #7f7f7f;
               margin: 15px 0;
            }
            >div {
               display: flex;
               color: #909090;
               >div {
                  width: 33%;
                  p {
                     line-height: 30px;
                  }
               }
            }
         }
      }
   }
}